<template>
    <div class="home">
        <router-view />
        <van-tabbar v-model="active" route>
            <van-tabbar-item to="/index" icon="home-o">首页123</van-tabbar-item>
            <van-tabbar-item to="/course" icon="search">课程</van-tabbar-item>
            <van-tabbar-item to="/record" icon="friends-o">约课记录</van-tabbar-item>
            <van-tabbar-item to="/practise" icon="setting-o">练习</van-tabbar-item>
            <van-tabbar-item to="/person" icon="manager-o">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export  default  {  // 组件名称
     
    name:   'demo',
      // 组件参数 接收来自父组件的数据
     props:  [],
     components:  {},
     data ()  { 
        return  {
            active: 0
        } 
    },
     computed:  {},
     watch:  {},
     methods:  {

    },
     beforeCreate ()  { },
     created ()  {

         },
     beforeMount ()  { 

    },
     mounted ()  { },
}
</script> 
<style scoped>
.home{
    height: 100%;
}
</style>
